import React from 'react'
// import { combineComponent } from '@/orangecat/pivot/combiner'
import asyncComponent from './asyncComponent.jsx'
// import model from './model'
class Skin extends React.Component {
  UNSAFE_componentWillMount () { }

  componentDidMount () { }

  render () {
    const { theme } = this.props
    const AsyncBlue = asyncComponent(() => {
      return import('./blue/blue')
    })
    // const AsyncGreen = asyncComponent(() => {
    //   return import('./green/green')
    // })
    return (
      <div>
        {theme === 'blue' && <AsyncBlue />}
        {/* {theme === 'green' && <AsyncGreen />} */}
      </div>
    )
  }
}

export default Skin